*{
    margin: 0;
    padding: 0;
}
ul,li{
    list-style:none;
}
.w{
    /*width:100%;*/
    /*height:100%;*/
    background:url(../images/bg.jpg) no-repeat center center;
    background-size:100% 100%;
    max-width: 1920px; 
    max-height: 957px; 
    margin: 0px auto; 
    height: 800px;
    position:relative;
}
#china_map{
    width: 65%;
    height:100%;
    max-height:957px;
    position:relative;
    margin: 0 auto;
}
.map_r{
    width:14%;
    height:auto;
    position:absolute;
    left:80%;
    top: 150px;
}
.map_l{
    width:162px;
    height:250px;
    position:absolute;
    left:6%;
    top: 300px;
}
.map_l .map_l_item{
    width: 130px;
    height: 35px;
    background:url(../images/item_bg.png) no-repeat 0 0;
    background-size:100% 100%;
    margin-bottom:5px;
    line-height:35px;
    color:#fff;
    text-indent:43px;
    position:relative;
    cursor: pointer;
    font-size:10px;
}
.map_l_1{
    width:20px;
    height:17px;
    background-color:#fff;
    position:absolute;
    left:15px;
    top: 9px;
}
.map_l_2{
    width:20px;
    height:17px;
    background-color:#ffff00;
    position:absolute;
    transform:skewX(-20deg);   
    left:15px;
    top: 9px;
}
.map_l_3{
    width:20px;
    height:17px;
    background-color:#10c6c7;
    position:absolute;
    transform:skewX(-20deg); 
    left:15px;
    top: 9px;
}
.map_l_4{
    width:20px;
    height:17px;
    background-color:#2375cc;
    position:absolute;
    transform:skewX(-20deg); 
    left:15px;
    top: 9px;
}
.map_l_5{
   width:20px;
    height:17px;
    background-color:#ce3749;
    position:absolute;
    transform:skewX(-20deg); 
    left:15px;
    top: 9px;
}
.city_t{
    height:60px!important;
    line-height:60px; 
    font-size:18px;
    color:#fff;
    text-align: center;
}
.map_r_t{
    width:100%;
    height:108px;
    background-color:rgba(24, 50,64, 0.7);
    border:1px solid #366a82;
    position:relative;
    margin-bottom:15px;
    overflow: hidden;
}
.map_r_t_j1{
    width:15px;
    height:15px;
    left: 0;
    top: 0;
    border-top:2px solid #366a82;
    border-left:2px solid #366a82;
    position: absolute;
}
.map_r_t_j2{
    width:15px;
    height:15px;
    right:0;
    top: 0;
    border-top:2px solid #366a82;
    border-right:2px solid #366a82;
    position: absolute;
}
.map_r_t_j3{
    width:15px;
    height:15px;
    left:0;
    bottom: 0;
    border-left:2px solid #366a82;
    border-bottom:2px solid #366a82;
    position: absolute;
}
.map_r_t_j4{
    width:15px;
    height:15px;
    right:0;
    bottom: 0;
    border-right:2px solid #366a82;
    border-bottom:2px solid #366a82;
    position: absolute;
}
.map_r_t_j5{
    width:80px;
    height:4px;
    top:0;
    left:50%;
    margin-left:-40px;
    position: absolute;
    background: url(../images/pic01.png) no-repeat 0 0;
}
.map_r_t_j6{
    width:8px;
    height:40px;
    top:180px;
    right:0;
    position: absolute;
    background: url(../images/tp01.png) no-repeat 0 0;
}
.map_r_t h1{
    height: 40px;
    line-height:40px;
    color: #fff;
    font-size: 14px;
    text-align:center;
}
.map_r_t table.tab1{
    width:78%;
    margin: 0 6%;
    color:#fff;
    font-size: 12px;
    border-top: 1px solid #00fcff;
}
.map_r_t .tab1 td{
    border-right: 1px solid #00fcff;
    border-bottom: 1px solid #00fcff;
    text-align: center;
}
.ye{
    color: #cccc00;
}
.map_r_t .tab2{
    width: 100%;
    color:#fff;
    font-size: 12px;
    text-align: center;
}
.table-swiper{
    width:88%;
    padding: 0 6%;
    height:280px;
}
.table-swiper .swiper-wrapper,.table-swiper .swiper-slide{
    width:100%;
}
.map_r_t .tab2 ul{
    overflow: hidden;
    height:28px;
}
.map_r_t .tab2 li{
    width:33%;
    float: left;
    height:28px;
    line-height:28px;
}
.tab2 ul.brstyle{
    border-bottom: 1px solid #00fcff;
    border-top: 1px solid #00fcff;
    width:88%;
    margin: 0 6%;
}
.hide{
    display: none;
}
.map_r_t table.tab3{
    width:90%;
    margin: 0 5%;
    color:#fff;
    font-size: 12px;
}
.map_r_t .tab3 td{
    text-align: left;
}
.tb3bb{
    width:50%;
    margin: 0 auto;
    border-bottom: 1px solid #00fcff;
}
/* .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ */
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white{
    width:8px;
    height:40px;
    right:0;
    background-image: url(../images/tp01.png);
}
/* .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ */
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white{
    background-image: url(../images/tp02.png);
    width:8px;
    height:40px;
    left:0;
}